<?php
    include 'mysqlconnect.php';
    $params = array(
        'hostname' => '127.0.0.1',
        'dbname' => 'level',
        'username' => 'root',
        'password' => ''
    );
    $connect = new mysqlconnect($params);
    $connect->connect();
    $images = $connect->fetch('select filename from bg_image where menu_id=3 order by order_id');
                
?>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="src/css/index.css">
	<script type="text/javascript" src = "src/js/jquery-1.7.1.js"></script>
	<script type="text/javascript" src = "src/js/news.js"></script>
</head>
<body>
	<div class = "about-container" id = "news">
		<div class = "background-img">
			<div class = "for-left-nav"></div>
			<div class = "left-nav">
				<div class = "nav-top">
					<div class = "menu">
						<a href="javascript:;" href ="/index.php">MENU</a>
					</div>
					<div class = "logo">
						<a href="index.php"><img src="res/logo.png"></a>
					</div>
				</div>
				<div class = "nav-bottom">
					<div class = "level-pager">
						<span></span><p class = "pager-chinese">力洋新闻</p><p class = "pager-english">NEWS</p>
					</div>
					<ul id="nav">
						<i></i><li><a href="aboutLevel.php">LEVEL</a><p>力洋</p></li>
						<i></i><li id="selected"><a href="news.php">NEWS</a><p>新闻</p></li>
						<i></i><li><a href="service.php">SERVICES</a><p>服务</p></li>
						<i></i><li><a href="cases.php">CASES</a><p>案例</p></li>
						<i></i><li><a href="career.php">CAREER</a><p>职业</p></li>
					</ul>
					<div class = "footer">
						<div class = "contact">
							<a href="aboutLevel.php">CONTACT<i></i></a>
						</div>
						<div class = "appendix">
							<a href="mailto:info@leveldisplay.com">
								<img class = "appendix-img" src="res/appendix.png">
							</a>
							<a href="http://e.weibo.com/LEVELDISIGN"><img class = "weibo-img" src="res/weibo.png"></a>
							<img class = "weixin-img" src="res/weixin.png">
							<img  class = "code-for-weixin"src="res/code.jpg" style = "width:200px;height:200px;">
							<p>Copyrights Reserved tacheworks Design(China)Ltd.</p>
						</div>
					</div>
				</div>
			</div>
			<div class = "news-module">
				<div class = "news-top">
					<span class = "level-case selected">
						<p class = "english-text p-selected">LATEST CASES</p>
						<p class = "chinese-text p-selected">最新案例</p>
					</span>
					<span class = "level-news">
						<p class = "english-text">LEVEL ACTIVITIES</p>
						<p class = "chinese-text">力洋活动</p>
					</span>
				</div>
				<div class = "news-list">

				<ul id = "news-list">
				</ul>
				</div>
				<div class = "news-content">
					<img src="">
					<div class = "news-article">
						<p class = "timer"></p>
						<h1></h1>
						<p class = "context"></p>
						<a href="javascript:;">更多案例信息></a>
					</div>
				</div>
			</div>
			<a href="javascript:;" class = "news-close">x</a>
			<a href="javascript:;" class = "next-btn"></a>
			<a href="javascript:;" class = "pre-btn"></a>
		</div>

		<footer>
				<div id = "progress-back">
					<div id = "progress-bar"></div>
				</div>
			</footer>
	</div>
	<ul id = "surprised">
            <?php
                for($i=0;$i<count($images);$i++)
                {
            ?>
		<li class = "slide-0<?php echo $i+1; ?>">
			<img src="bg_image/<?php echo $images[$i]['filename'] ?>">
		</li>
            <?php } ?>
	</ul>
	<script type="text/javascript" src="src/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="src/js/jquery.spasticNavForAbout.js"></script>	
<script type="text/javascript">
$('#nav').spasticNav();
</script>
</body>
</html>